﻿<html>
<head>
    <title>Test for Random</title>
    <script type="text/javascript" src="Script/jquery-1.5.1.js"></script>
    <script type="text/javascript" src="Script/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="Script/jquery-1.5.1-vsdoc.js"></script>
    <script type="text/javascript">
       $(document).ready(function () {
          var img = new Image();
          img.src = "Resources/FF_TYPE0/tw_0008.jpg";
          //img.src = ''
          $(img).load(function () {
             //var cvs = document.getElementById('canvas').getContext('2d');
             var cvs = $("#canvas")[0].getContext('2d');
             cvs.beginPath();
             cvs.strokeStyle = "rgb(200,0,0)";
             cvs.lineWidth = 10;
             cvs.arc(200, 200, 50, 0, Math.PI, false);
             cvs.stroke();

             cvs.lineWidth = 5;
             cvs.strokeStyle = "rgb(0,200,0)";
             cvs.strokeRect(20, 20, 100, 50);

             cvs.drawImage(img, 100, 100, 240, 240);
          });
       });
    </script>
</head>
<body>
   <canvas id="canvas" width="500px" height="500px">
      Your browser does not support HTML5 element canvas.
   </canvas>
</body>
</html>
